<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="/static/lib/css/bootstrap4.3.1.css"/>
    <link rel="stylesheet" href="/static/css/header.css">
    <link rel="stylesheet" href="/static/css/footer.css">
    <link rel="stylesheet" type="text/css" href="/static/learnRecommend/css/learn.css"/>
</head>
<body>
{% include 'module/header.html' %}
<div class="main">
    <div class="container">
        <nav>
            <ul class="nav">
                <li class="nav-item">
                    <a class="nav-link type-link" href="#">所有</a>
                </li>
                {% for type in type_list %}
                <li class="nav-item">
                    <a class="nav-link type-link" href="#">{{ type }}</a>
                </li>
                {% endfor %}

            </ul>
        </nav>
        <div class="content learn-content">
            {% for item in items %}
                <div class="item row" url="{{ item.url }}">
                    <div class="col-5">
                        <div class="image">
                            {% if item.online_img %}
                                <img src="{{ item.online_img }}" alt="">
                            {% elif item.local_img%}
                                <img src="/media/{{ item.local_img }}" alt="">
                            {% else %}
                                <img src="/media/img/learnRecommend/default.jpg" alt="">
                            {% endif %}
                        </div>
                    </div>
                    <div class="col-7">
                        <div class="details">
                            <div class="title"><a href="{{ item.url }}" target="_blank">{{ item.name }}</a></div>
                            <div class="desc">{{ item.abstract }}</div>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
</div>
{% include 'module/footer.html' %}
<script src="/static/lib/js/jquery3.4.1.js"></script>
<script src="/static/lib/js/Bootstrap4.3.1.bundle.js"></script>
<script src="/static/lib/js/typelighter.js"></script>
<script src="/static/learnRecommend/js/main.js"></script>
</body>
</html>
